<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- <a href="./bom.html">dom</a> -->
    <div id="ZZT">ZZT
        <div class="demo">你好</div>
        <div class="demo">瓜</div>
    </div>

    <!-- <div class="demo">1</div>
    <div class="demo">2</div>
    <div class="demo">3</div>
    <div class="demo">4</div> -->
    <script>
        // document.body.style.background = 'skyblue'


        // document.title

        // id选择器
        // let ZZT = document.getElementById('ZZT');
        // console.log(ZZT);

        // // class选择器
        // let demos = document.getElementsByClassName('demo')
        // for (let i = 0; i < demos.length; i++) {
        //     console.log(demos[i]);
        // }

        // // 标签选择器
        // let divs = document.getElementsByTagName('div')
        // for (let i = 0; i < divs.length; i++) {
        //     console.log(divs[i]);

        // }

        // // name选择
        // let as = dicument.getElementsByTagName('a')
        // for (let i = 0; i < as.length; i++) {
        //     console.log(as[i]);
        // }


        // let app = document.querySelector('#app') //单个
        // console.log(app);

        // let demos = document.querySelectorAll('.demo')
        // console.log(demos);
        let demos1 = document.querySelectorAll('#app.demo')
        console.log(demos1);





    </script>
</body>

</html>